@extends('Admin.common.header')
<!-- 1.添加meta csrf_token -->
<meta name="csrf-token" content="{{ csrf_token() }}">  
<br/><br/><br/><br/>


<!-- 页面标记 -->
<div style="float:left;margin-left:130px;">
	<mark style="font-size:18px;">用户列表</mark>
</div>


<!-- 搜索框 -->
<form action="{{ url('/user') }}" method='post' >
	<div class="col-lg-6" style="width:35%;float:left;margin-left:200px;" >
		<div class="input-group"  >
			
			{{ csrf_field() }}
			
			<input  type="text" name='keyword' class="form-control" placeholder="输入用户名 进行查询 ...." value="{{ $request or '' }}" />
			
			<span class="input-group-btn">
				<input class="btn btn-default" type="submit" value="Go!" />
				<a class="btn btn-default" href="{{ url('/user') }}" />清空条件</a>
			</span>
			
		</div>
	</div>
</form>

<br/><br/><br/>

<!-- 用户表格 -->
<div class="bs-example" data-example-id="hoverable-table" style="width:80%;margin:0 auto;">
    <table class="table table-hover">
		<thead>
			<tr>
			  <th>id</th>
			  <th>账号</th>
			  <th>类型</th>
			  <th style="width:80px;">余额</th>
			  <th style="width:80px;">累计充值</th>
			  <th style="width:120px;">电话</th>
			  <th style="width:200px;">上次登录时间</th>
			  <th style="width:120px;"></th>
			</tr>
		</thead>
		<tbody>
			@forelse($users as $user_info)
				<tr action='open' isLoad='false' id='tr_{{ $user_info->id }}'>
				  <th scope="row">{{ $user_info->id }}</th>
				  <td>{{ $user_info->name }}</td>
				  <td>{{ $user_info->utype }}</td>
				  <td style="width:80px;" class='money' userId="{{ $user_info->id }}">
						{{ $user_info->money }}
				  </td>
				  <td>{{ $user_info->allmoney }}</td>
				  <td>{{ $user_info->phone }}</td>
				  <td>{{ $user_info->lasttime }}</td>
				  <td>
					<button onclick="log( {{ $user_info->id }} )" style='background:rgba(0,0,0,0);border:0px solid red;'>充值记录
					<span class='glyphicon glyphicon-chevron-down' aria-hidden='true' ></span>
					</button>
				  </td>
				</tr>
			@empty
				<tr>
					<td scope="row"><h2>暂无数据</h2></td>
				</tr>
			@endforelse
		</tbody>
    </table>
</div>

<!-- 分页 -->
<div style='text-align:center;'>
	{{ $users->appends(['keyword'=>$request])->links() }}
</div>
<div class="badge" style="width:100%;text-align:center;font-size:18px;margin-bottom:70px;" >
		共{{ $users->total() }}条数据
</div>



<script src=" {{ asset('./js/jquery-1.8.3.min.js') }} "></script>
<script>
	<!-- 2.设置全局ajax选项 -->
	$.ajaxSetup({
		headers: {
			'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
		}
	});
	var _token = $('meta[name="csrf-token"]').attr('content');
	
	// 是否双击
	var isDbl = false;
	$(function(){
		
		// 无刷新执行 充值
		$(".money").on('dblclick',function(){
			if( isDbl )
			{
				return false;
			}
			isDbl = true;
			// 获取原来的值
			var old_value = $(this).val();
			// 声明 输入框对象
			var input=$("<input type='text' class='form-control' style='width:50px;' />");
			// 显示 这个输入框
			$(this).append(input);
			// 光标 直接在里面
			input.select();
			// 获取用户ID
			var id = $(this).attr('userId');
			// 获取当前点击对象
			var td = $(this);
			// 失去焦点 执行充值
			input.on('blur',function(){
				// 获取新输入的值
				var new_value = $(this).val();
				// 点错了什么都没输入 或者 输入0
				if( new_value== '' || new_value==0  )
				{
					location.reload();
					return false;
					
				}
				new_value = parseFloat( new_value );
				// 不是数字
				if( isNaN(new_value) )
				{
					alert('输钱!!!!');
					return false;
				}
				// 输入负数
				if( new_value < 0 )
				{
					alert('输钱!!!!');
					return false;
				}
				$.ajax({
					type:"post",
					url:"{{ url('/user/edit') }}"+'/'+id,
					data:{money:new_value,_token:_token},
					async:true,    					
					dataType:"text",
					success:function(back){
						if( back=='1' )
						{
							// 刷新 显示新值
							location.reload();
						}else
						{
							// 没改成功 显示旧值
							td.html(old_value);
						}
					}
				});
			})
		});
	});
	
	// 获取 日志详情
	// 参数：用户id
	function log(id){
		// 执行动作
		var action = $("#tr_"+id).attr( 'action' );
		// 是否加载
		var isLoad = $("#tr_"+id).attr( 'isLoad' );
		// 执行动作 打开
		if( action=='open'){
			// 还未加载
			if( isLoad=='false' )
			{
				$.ajax({					
					type:"post",
					url:"{{ url('/logDetail') }}"+'/'+id,
					data:{_token:_token},
					async:true,    			
					dataType:"html",
					success:function(back)
					{
						// 接收 搜索的订单内容
						$("#tr_"+id).after( back );
						// 显示
						$("#tr_"+id).nextUntil('[id*=tr]').show(1000);
						// 设置 执行动作 关闭
						$("#tr_"+id).attr( 'action','close' );
						// 设置 为已加载
						$("#tr_"+id).attr( 'isLoad','true' );
					}
				});
			}else
			{
				// 已加载
				// 展开
				$("#tr_"+id).nextUntil('[id*=tr]').show(1000);
				$("#tr_"+id).attr( 'action','close' );
			}
		}else
		{
			// 收起
			$("#tr_"+id).nextUntil('[id*=tr]').stop(true, 'gotoEnd').slideUp(1000);
			// 设置 执行动作 打开
			$("#tr_"+id).attr( 'action','open' );
		}
		
	}
	
</script>
<script>
// 无刷新执行修改余额
/* $(".money").on('dblclick',function(){
		if( isDbl )
		{
			return false;
		}
		isDbl = true;
		// 获取原来的值
		var old_value = $(this).html();
		// 新声明一个输入框对象
		var input=$("<input type='text' class='form-control' style='width:50px;' />");
		// 放入旧的数据
		input.val(old_value);
		// 显示这个输入框
		$(this).html(input);
		// 光标直接在里面
		input.select();
		// 获取用户ID
		var id = $(this).attr('userId');
		// 获取当前点击对象
		var td = $(this);
		// 失去焦点 修改余额
		input.on('blur',function(){
			// 获取新输入的值
			var new_value = $(this).val();
			// 如果输入负数
			if( new_value < 0)
			{
				// 恢复原来的值
				td.html(old_value);
				location.reload();
				return false;
			}
			$.ajax({
				type:"post",
				url:"{{ url('/user/edit') }}"+'/'+id,
				data:{money:new_value,_token:_token},
				async:true,    					
				dataType:"text",
				success:function(back){
					if( back=='1' )
					{
						// 显示新值
						td.html(new_value);
						location.reload();
					}else
					{
						td.html(old_value);
					}
				}
			});
		})
	}); */
</script>

@extends('Admin.common.footer')